$(function(){
    //实现分页  定义全局页码和页数量
    let pageNum = 1
    let pageSize = 2

    //动态渲染出数据  要用到template模板引擎
    //客户端需要什么 服务器就要去拿到什么
    //先把数据请求到
    // console.log(123)
    // flex-wrap: wrap   

    function init(search){
        $.ajax({
            type: "get",
            url: "/getAllPost",
            data: {
                pageNum,  //当前页
                pageSize,  //每页的大小
                ...search
            },
            success: function (res) {
                console.log(res)
                //用模板引擎渲染 第二个参数就要一个对象
                let html = template('postListTemp', res.data)
                $('tbody').html(html)
                //生成分页结构
                setPagenation(Math.ceil(res.data.total / pageSize))
            }
        })
    }
    init()

    //分页功能  这个total找服务器拿到
    function setPagenation(total){
        //初始化
        $('.pagination').bootstrapPaginator({
            //配置
            bootstrapMajorVersion:3,
            currentPage:pageNum, // 当前页码
            totalPages:total, // 总页数
            onPageClicked:function(event,originalEvent,type,page){
                // page就是你当前想获取数据的页码
                // 修改全局pageNum
                pageNum = page
                // 重新调用加载数据的方法
                init()
            }
        })
    }
    //加载分类数据
    $.ajax({
        type:'get',
        url:'/getAllCate',
        dataType:'json',
        success:function(res){
            console.log(res)
            var str = '<option value="all">所有分类</option>'
            for(var i = 0;i<res.data.length;i++){
                str += `<option value="${res.data[i].id}">${res.data[i].name}</option>`
            }
            $('.cateSelector').html(str)
            console.log(1234)
        }
    })

    //实现筛选功能
    $('.btn-search').on('click',function(){
        //  收集数据
        var obj = {
            cate:$('.cateSelector').val(),
            status:$('.statuSelector').val()
        }
        // console.log(obj)
        init(obj)
    })

    //实现删除功能
    $('tbody').on('click','.btn-xs',function(){
        var id = $(this).data('id')
        if(confirm('请问是否真的需要删除?'))
        $.ajax({
            url:'/delPostById?id='+id,
            type:'get',
            dataType:'json',
            success:function(res){
                if(res.code == 200){
                    $('.alert-danger > span').text(res.msg)
                    $('.alert-danger').fadeIn(500).delay(3000).fadeOut(500)
                    //刷新的细节
                    //1.如果当前页只有一条记录，那么删除之后就应该加载 上一页的数据
                    // if($(('tbody tr').length == 1)){
                    //     pageNum-=1
                    //     init()
                    //   }else{
                    //     init()
                    // }
                    // total == 1{
                    //    alert(1)
                    // }
                    //2 如果当前页有多条记录，那么就直接重新加载这一页
                    //3如果是第一页，只有一条记录，那么就给出提示

                    1. 
                }
            }
        })
    })
})